<ul class="breadcrumb">
	<li><a href="{$BASE_PATH}intelihelp/equipe">Equipe</a></li>
	<li>Cadastrar/Editar</li>
</ul>
<ul class="tabs">
	<li class="{if ($aba == 'tabForm')}active{/if}">
		<a href="#tabForm" data-toggle="tab">Cadastrar/Editar</a>
	</li>
	{if $equipe->getIdEquipe() != ''}
	<li class="{if ($aba == 'tabMembro')}active{/if}">
		<a href="#tabMembro" data-toggle="tab">Membros</a>
	</li>
	{/if}
</ul>

<div class="tab-content">
	<div class="tab-pane {if ($aba == 'tabForm')}active{/if}" id="tabForm">
		<form class="form-horizontal validate" action="{$BASE_PATH}" method='post'>
			{$form->getElement('application')->render()}
			{$form->getElement('controller')->render()}
			{$form->getElement('method')->render()}
			{$form->getElement('equipe[version]')->render()}
			{$form->getElement('equipe[id_equipe]')->render()}
			<div class="control-group">
				{$form->getElement('equipe[ds_nome]')->getLabel()->render()}
				<div class="controls">
					{$form->getElement('equipe[ds_nome]')->render()}
				</div>
			</div>
			<div class="control-group">
				{$form->getElement('equipe[fl_executor]')->getLabel()->render()}
				<div class="controls">
					{$form->getElement('equipe[fl_executor]')->render()}
					<span rel='popover' title='Executor' data-content="Define se a equipe será responsável pela execução de tarefas"></span>
				</div>
			</div>
			<div class="control-group">
				{$form->getElement('equipe[ds_observacao]')->getLabel()->render()}
				<div class="controls">
					{$form->getElement('equipe[ds_observacao]')->render()}
				</div>
			</div>
			<div class="form-actions">
				{$form->getElement('salvar')->render()}
			</div>
		</form>
	</div>
	<div class="tab-pane {if ($aba == 'tabMembro')}active{/if}" id="tabMembro">
		<div class='btn-toolbar'>
			<div class='btn-group fRight'>
				<a href="{$BASE_PATH}intelihelp/equipe/viewAdicionarMembro/id/{$equipe->getIdEquipe()}" class=' btn btn-info ico-plus' data-target="#myModal" data-toggle="modal">Adicionar Membro</a>
			</div>
		</div>
		<br/><br/>
		<table id='dataTableMembros' class='tableList'>
			<thead>
				<tr>
					<th>Membro</th>
					<th>Equipe</th>
				</tr>
			</thead>
			<tbody>
				{foreach from=$equipe->getPessoas() key=k item=i}
				<tr>
					<td class='txtLeft'>
						{$i->getDsNome()}
						<ul class="actionsTable">
							<li>
								{$Action->getClass('\Helper\Action\Intelihelp\EquipePessoa')->excluir($equipe,$i)}
							</li>
						</ul>
					</td>
					<td class='txtLeft'>{$equipe->getDsNome()}</td>
				</tr>
				{/foreach}
			</tbody>
		</table>
		{literal}
		<script type="text/javascript">
			$(document).ready(function() {
				initDataTable('#dataTableMembros');
			})
		</script>
		{/literal}
	</div>
</div>

<div id="myModalAdicionarMembro" class="modal fade {if $atribuir}modalAutoOpen{/if}" style='display:none' aria-hidden="true" data-remote="{$BASE_PATH}intelihelp/equipe/viewAdicionarMembro/id/{$equipe->getIdEquipe()}">
	<form id='formAdicionarMembro' class="validate" action="{$BASE_PATH}" method='post'>
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="myModalLabel">Adicionar membro</h3>
		</div>
		<div class="modal-body">
			
		</div>
		<div class="modal-footer">
			<input type='submit' class="btn btn-primary" value='Salvar'>
			<button class="btn" data-dismiss="modal" aria-hidden="true">Cancelar</button>
		</div>
	</form>
</div>